.articl_txt{
    width:100%;
    background: #fff;
    .ql-editor{
        min-height: 800px;
    }
    .ql-toolbar.ql-snow{
        border:1px solid #e5e6e7 !important;
    }
    .navHead{
        height:64px;
        line-height: 64px;
        border-bottom:1px solid rgb(238, 238, 238);
    }
    ul{
        li{
            float:left;
            margin:0px 16px;
            color:rgb(187, 187, 187);
            cursor: pointer;
            i{
                margin-right:6px;
            }
            .markdown{
                font-size:20px;
            }
            button{
                background: #fff;
                padding:6px 20px;
                border-radius: 4px;
                color:rgb(121, 120, 120);
                margin-left:10px;
                border:1px solid rgb(207, 207, 207);
            }
            
        }
        .person{
            position: relative;
        }
        .person_icon{
            i{
                margin-right:0px;
            }
        }
        .person_nav{
            position: absolute;
            top:64px;
            left:0px;
            width:140px;
            height:500px;
            z-index: 10000;
            border:1px solid rgb(241, 241, 241);
            background: #fff;
            overflow: hidden;
            transition: height 0.5px;
            li{
                float:none;
            }
        }
        .release{
            position: relative;
            span{
                padding:6px 20px;
                color:#007fff;
                font-size:16px;
                border-radius:4px;
                border:1px solid #007fff;
            }
            .relaseCon{
                position: absolute;
                top:64px;
                left:-240px;
                width:340px;
                padding:30px;
                box-sizing: border-box;
                background: #fff;
                z-index: 1000;
                border:1px solid #e6e6e7;
                button{
                    color:#fff;
                    font-size:16px;
                    padding:8px 20px;
                    background: #77ce6d;
                }
                h4{
                    color:#7e7e7e;
                }
                h5{
                    font-size:15px;
                    margin-top:40px;
                }
                h4,h5{
                    padding:0px;
                    margin:0px;
                    // height:30px;
                    line-height: 30px;
                }
                .label_title{
                    line-height:10px;
                    margin-top:10px;
                }
                div{
                    span{
                       margin:6px;
                       float:left;
                       padding:4px 8px;
                       font-size:14px;
                       color:#9a9a9c;
                       line-height: 24px;
                        border:1px solid #e6e6e7;
                    }
                    .active, span:hover{
                        background: #e6eef6;
                        color:#007fff;
                        border:1px dotted #60acfd;
                    }
                }
                .fr{
                    font-size:14px;
                    font-weight: normal;
                }
                .labels{
                    strong{
                        font-weight: normal;
                        padding:6px 10px;
                        font-size:14px;
                        border:1px solid #e5e6e7;
                        margin:6px;
                        float:left;
                        border-radius: 2px;
                        line-height: 10px;
                        i{
                            font-size:8px!important;
                            margin-left:4px;
                            cursor: pointer;
                        }
                    }
                }
                .label_title{
                    margin-top:20px;
                }
                .label{
                    height:36px;
                    width:100%;
                    margin-top:0px;
                    outline: none;
                    padding-left:10px;
                    border-bottom:1px solid #e6eef6;
                    
                }
                button,span{
                    cursor: pointer;
                }
                input::-webkit-input-placeholder{
                    font-size:13px;
                    color:#c9c9c9;
                }
                input::-moz-placeholder{   /* Mozilla Firefox 19+ */
                    font-size:13px;
                    color:#c9c9c9;
                }
                 input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
                    font-size:13px;
                    color:#c9c9c9;
                }
                 input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
                    font-size:13px;
                    color:#c9c9c9;
                }
            }
        }
    }
    .articleTitle{
        width:100%;
        height:50px;
        margin:20px 0px;
        padding-left:20px;
        box-sizing: border-box;
        border:1px solid rgb(231, 231, 231);
    }
    .editor input::-webkit-input-placeholder{
        font-size:18px;
        font-weight: bold;
        color:#47494b;
    }
    .editor input::-moz-placeholder{   /* Mozilla Firefox 19+ */
        font-size:18px;
        font-weight: bold;
        color:#47494b;
    }
    .editor input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
        font-size:18px;
        font-weight: bold;
        color:#47494b;
    }
    .editor input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
        font-size:18px;
        font-weight: bold;
        color:#47494b;
    }
    .task{
        width:100%;
        height:100%;
        position: fixed;
        top:0px;
        left:0px;
        background: rgba(0,0,0,0.4);
        .cover{
            width:400px;
            height:300px;
            border-radius: 30px;
            position: absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
            background: #fff;
            h5{
                margin:30px 0px 0px 30px;
                font-size:16px;
                
            }
            .close{
                margin:30px 30px 0px 0px;
                color:#9a9a9c;
            }
            input{
                width:100px;
                height:100px;
                outline: none;
                position: absolute;
                left:50%;
                transform: translateX(-50%);
                top:90px;
                opacity: 0;
                z-index: 1000;
            }
            p{
                text-align: center;
                width:240px;
                margin:210px auto;
                line-height: 20px;
                font-size:15px;
                span{
                    font-size:12px;
                    color:#9a9a9c;
                    font-weight: normal;
                    margin-left:10px;
                }
            }
            .file_up{
                position: absolute;
                width:100px;
                height:100px;
                line-height: 100px;
                text-align: center;
                border-radius: 20px;
                border:1px dashed #c3c3c4;
                left:50%;
                transform: translateX(-50%);
                top:90px;
                i{
                    font-size:24px;
                    color:#c3c3c4;
                }
            }
        }
    }
}
.ql-container.ql-snow{
    border:1px solid #e5e6e7!important;
}
.susscc{
    text-align: center;
    line-height: 50px;
    .iconfont{
        font-size:36px;
        color:#77ce6d;
    }
    p{
        line-height: 40px;
    }
    .error{
        color:#ff4444;
    }
}